<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8" />
      <title>GARMOR</title>
      <!-- don't forget to paste your page title! -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta name="description" content="" />
      <meta name="author" content="" />
      <!-- Le styles -->
      <!-- bootstrap framework styles -->
      <link href="css/bootstrap.css" rel="stylesheet" />
      <!-- fancybox lightbox clone plugin styles -->
      <link href="css/fancybox.css" rel="stylesheet" />
      <!-- icomoon icons font  -->
      <link href="css/icomoon.css" rel="stylesheet" />
      <!-- sequence slider styles -->
      <!--[if lt IE 8]>
      <link rel="stylesheet" type="text/css" media="screen" href="css/sequencejs_ie.css" />
      <![endif]-->
      <link rel="stylesheet" type="text/css" media="screen" href="css/sequencejs.css" />
      <!-- main template styles -->
      <link href="css/styles.css" rel="stylesheet" />
      <!-- place for your custom styles -->
      <link href="css/mystyle.css" rel="stylesheet" />
      <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
      <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->

   </head>
   <body class="">
      <!-- Backround image. Just paste yours. No extra code. Highly recommend to use your own images -->
      <!-- background images by Victor1558 under CC BY 2.0 license -> http://www.flickr.com/photos/76029035@N02/ -->
      <img src="img/bg14.jpg" id="bg_main" alt="" />
      <!--recommended image dimentions 1200x800px with weight under 120kb 
         !note! don't use very light images. It can damage readability of the white text -->
      <div class="container">
         <!-- Main navigation -->
         <div class="row">
            <div class="span12">
               <div class="navbar">
                  
               </div>
            </div>
         </div>
         <!-- /Main navigation -->
         <header class="page_title">
            <h1>Servicios</h1>
         </header>

         <section class="main">
            <!-- services area -->
            <div class="row">
           
               <!-- service entry -->
               <div class="span4 service" >
                  <span class="icomoon-cog"></span>
                  <div class="block">
                     <!--<a href ="express.html" class="hover_image  block" rel="example_group" id = "1">-->
                     <img src="img/b1.jpeg" alt="" class="image_service" />
                     <span class="mask"></span>
                     
                     <div class="box box_service">
                        <span class="counter">01</span>
                        <div class="inner">
                           <h5>Mantenimiento Expr&eacute;ss</h5>
                           <p>Mantenimiento preventivo para el cuidado y duraci&oacute;n de las estructuras.</p>
                        </br>
                        </div>
                     </div>
                     </a>
                  </div> 
                  
               </div>

               <!-- service entry -->
               <div class="span4 service" >
                  <span class="icomoon-cog"></span>
                  <div class="block">
                     <!--<a href ="construction.html" class="hover_image  block" rel="example_group" id = "2">-->
                     <img src="img/martillo.jpg" alt="" class="image_service" />
                     <span class="mask"></span>
                     
                     <div class="box box_service">
                        <span class="counter">02</span>
                        <div class="inner">
                           <h5>Construcci&oacute;n</h5>
                           <p>Edificaci&oacute;n y ampliaci&oacute;n de negocios.</p>
                        </br>
                        </div>
                     </div>
                     </a>
                  </div> 
               </div>

               <!-- service entry -->
               <div class="span4 service" >
                  <span class="icomoon-cog"></span>
                  <div class="block">
                     <!--<a href ="remodelation.html" class="hover_image  block" rel="example_group" id = "2">-->
                     <img src="img/interior.jpg" alt="" class="image_service" />
                     <span class="mask"></span>
                     
                     <div class="box box_service">
                        <span class="counter">03</span>
                        <div class="inner">
                           <h5>Remodelaci&oacute;n</h5>
                           <p>Remodelaci&oacute;n de estructuras, ya sea expansiva,recuperativa o actualizadora.</p>
                        </br>
                        </div>
                     </div>
                     </a>
                  </div> 
                  
               </div>
            </div>
         </section>

         <section class="main">
         <!-- /Main navigation -->
         <header class="page_title">
            <h1>Cat&aacute;logo de Productos</h1>
         </header>
         
                     <h2>Portones</h2>
            <div class="row">
               <div class="span4">
                  <div class="block"> 
                     <!-- slideshow area -->
                     <div id="portonesC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                        
                           <img src="img/porton1.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Port&oacute;n</p>
                           </div>
                        </div>
                        <div class="item">
                           <a class="hover_image_catalog" href="img/porton2.jpg" rel="example_group" >
                           <img src="img/porton2.jpg" alt="" class="img_catalog"/>
                           </a>
                           <div class="carousel-caption">
                              <p>Port&oacute;n</p>
                           </div>
                        </div>
                         <div class="item">
                          
                           <img src="img/porton3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Port&oacute;n</p>
                           </div>
                        </div>
                         <div class="item">
                          
                           <img src="img/porton4.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Port&oacute;n</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#portonesC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#portonesC" data-slide="next"></a>
                     
                  </div>

                  <!-- /slideshow area -->
               </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Portones el&eacute;ctricos 
                     </big>
                  </p>
                  <p>
                     <big> 
                         Fabricaci&oacute;n e instalaci&oacute;n de portones a la medida de acuerdo a las necesidades. Contamos con amplia variedad de dise&ntilde;os o trabajos bajo pedido. 
                     </big>
                  </p>
               </div>
            </div>



      
            <h2 align="right">Ventanas</h2>
            <div class="row ">
                <div class="span8">
                  <p>
                     <big> 
                        Ventanas
                     </big>
                  </p>
                  <p>
                     <big> 
                         Ventanas
                           Instalaci&oacute;n de vidrios y ventanas sobre cualquier medida, ideal para remodelaci&oacute;n de espacios en el hogar, oficinas corporativas o en sitios industriales
                     </big>
                  </p>
               </div>
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="ventanaC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                          
                           <img src="img/ventana.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Ventanas</p>
                           </div>
                        </div>
                        <div class="item">
                          
                           <img src="img/ventana2.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Ventanas</p>
                           </div>
                        </div>
                         <div class="item">
                           
                           <img src="img/ventana3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Ventanas</p>
                           </div>
                        </div>
                         <div class="item">
                         
                           <img src="img/ventana4.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Ventanas</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#ventanaC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#ventanaC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div>
            

            <h2>Aluminio</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="aluminioC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           
                           <img src="img/aluminio.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Aluminio</p>
                           </div>
                        </div>
                        <div class="item">
                           
                           <img src="img/aluminio2.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Aluminio</p>
                           </div>
                        </div>
                         <div class="item">
                          
                           <img src="img/aluminio3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Aluminio</p>
                           </div>
                        </div>
                         <div class="item">
                         
                           <img src="img/aluminio4.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Aluminio</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#aluminioC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#aluminioC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Aluminio
                     </big>
                  </p>
                  <p>
                     <big> 
                         L&iacute;deres en la instalaci&oacute;n de estructuras de aluminio, barandales, puertas, ventanas o decoraci&oacute;n en general. 
                     </big>
                  </p>
               </div>
            </div>




            <h2 align="right">Administraci&oacute;n de obras</h2>
            <div class="row ">
               <div class="span8">
                  <p>
                     <big> 
                        Administraci&oacute;n de obras
                     </big>
                  </p>
                  <p>
                     <big> 
                        Personal capacitado en planeación, organización y control para maximizar el rendimiento de recursos en obras.
                     </big>
                  </p>
               </div>
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="adminObras" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/1-1.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Administraci&oacute;n de obras</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/1-2.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Administraci&oacute;n de obras</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/1-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Administraci&oacute;n de obras</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/1-4.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Administraci&oacute;n de obras</p>
                           </div>
                        </div>                       
                     </div>
                     <a class="left carousel-control" href="#adminObras" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#adminObras" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div>               

            <h2>Pintura general, interior y exterior</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="pinturaC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/2-1.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Pintura general, interior y exterior</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/2-2.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Pintura general, interior y exterior</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/2-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Pintura general, interior y exterior</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#pinturaC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#pinturaC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Pintura general, interior y exterior
                     </big>
                  </p>
                  <p>
                     <big> 
                           Profesionales en aplicación de pintura exterior e interior para todo tipo de superficies.
                     </big>
                  </p>
               </div>
            </div>

            <h2 align="right">Impermeabilizaci&oacute;n</h2>
            <div class="row ">
               <div class="span8">
                  <p>
                     <big> 
                        Impermeabilizaci&oacute;n<
                     </big>
                  </p>
                  <p>
                     <big> 
                        Servicio de impermeabilización, contamos con impermeabilizantes integrales, asfálticos y prefabricados para proteger su hogar
                     </big>
                  </p>
               </div>
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="imperC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/3-1.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Impermeabilizaci&oacute;n</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/3-2.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Impermeabilizaci&oacute;n</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/3-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Impermeabilizaci&oacute;n</p>
                           </div>
                        </div>                     
                     </div>
                     <a class="left carousel-control" href="#imperC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#imperC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div> 

            <h2>Cancelería de aluminio</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="cancelC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/4-1.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Cancelería de aluminio</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/4-2.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Cancelería de aluminio</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/4-3.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Cancelería de aluminio</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#cancelC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#cancelC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Cancelería de aluminio
                     </big>
                  </p>
                  <p>
                     <big> 
                         Expertos en la instalación de cancelería de aluminio para baños, cocheras y todo tipo de espacios.
                     </big>
                  </p>
               </div>
            </div>


            <h2 align="right">Canceler&iacute;a templada</h2>
            <div class="row ">
               <div class="span8">
                  <p>
                     <big> 
                        Canceler&iacute;a templada
                     </big>
                  </p>
                  <p>
                     <big> 
                        Personal capacitado en la instalación de canceler&iacute;a templada ideal para baños, cocheras y todo tipo de espacios.

                     </big>
                  </p>
               </div>
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="tempC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/5-1.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Canceler&iacute;a templada</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/5-2.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Canceler&iacute;a templada</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/5-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Canceler&iacute;a templada</p>
                           </div>
                        </div>                     
                     </div>
                     <a class="left carousel-control" href="#tempC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#tempC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div> 

            <h2>Instalaci&oacute;n y remodelaci&oacute;n de puertas y marcos</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="puertasMC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/6-1.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y remodelaci&oacute;n de puertas y marcos</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/6-2.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y remodelaci&oacute;n de puertas y marcos</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/6-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y remodelaci&oacute;n de puertas y marcos</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#puertasMC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#puertasMC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Instalaci&oacute;n y remodelaci&oacute;n de puertas y marcos
                     </big>
                  </p>
                  <p>
                     <big> 
                         instalación de puertas a la medida de acuerdo a las necesidades, ideal para el hogar.
                     </big>
                  </p>
               </div>
            </div>


            <h2 align="right">Instalaci&oacute;n y remodelaci&oacute;n de ventanas</h2>
            <div class="row ">
               <div class="span8">
                  <p>
                     <big> 
                        Instalaci&oacute;n y remodelaci&oacute;n de ventanas
                     </big>
                  </p>
                  <p>
                     <big> 
                        Instalación y remodelación de ventanas sobre cualquier medida, ideal para espacios en el hogar, oficinas corporativas o sitios industriales.
                     </big>
                  </p>
               </div>
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="ventanasRC" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/7-1.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y remodelaci&oacute;n de ventanas</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/7-2.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y remodelaci&oacute;n de ventanas</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/7-3.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y remodelaci&oacute;n de ventanas</p>
                           </div>
                        </div>                     
                     </div>
                     <a class="left carousel-control" href="#ventanasRC" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#ventanasRC" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div> 


            <h2>Instalaci&oacute;n de portones el&eacute;ctricos y sin motor</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="portonesEM" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/8-1.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n de portones el&eacute;ctricos y sin motor</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/8-2.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n de portones el&eacute;ctricos y sin motor</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/8-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n de portones el&eacute;ctricos y sin motor</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#portonesEM" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#portonesEM" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Instalaci&oacute;n de portones el&eacute;ctricos y sin motor
                     </big>
                  </p>
                  <p>
                     <big> 
                         L&iacute;deres en la instalaci&oacute;n de portones el&eacute;ctricos y sin motor hechos a la medida.
                     </big>
                  </p>
               </div>
            </div>

            <h2 align="right">Muros de tabla roca</h2>
            <div class="row ">
               <div class="span8">
                  <p>
                     <big> 
                        Muros divisorios de tabla roca
                     </big>
                  </p>
                  <p>
                     <big> 
                        Instalaci&oacute;n y reparaci&oacute;n de muros divisorios de tabla roca perfecto para remodelaciones o ampliaciones en el hogar.                  
                     </big>
                  </p>
               </div>
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="murosTR" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/9-1.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y reparaci&oacute;n de muros divisorios de tabla roca</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/9-2.jpeg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y reparaci&oacute;n de muros divisorios de tabla roca</p>
                           </div>
                        </div>
                        <div class="item">
                           <img src="img/9-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Instalaci&oacute;n y reparaci&oacute;n de muros divisorios de tabla roca</p>
                           </div>
                        </div>                     
                     </div>
                     <a class="left carousel-control" href="#murosTR" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#murosTR" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div> 

            <h2>Plomer&iacute;a general</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="plomeriaG" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           <img src="img/10-1.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Plomer&iacute;a general</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/10-2.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Plomer&iacute;a general</p>
                           </div>
                        </div>
                         <div class="item">
                           <img src="img/10-3.jpg" alt="" class="img_catalog"/>
                           <div class="carousel-caption">
                              <p>Plomer&iacute;a general</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#plomeriaG" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#plomeriaG" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Plomer&iacute;a general
                     </big>
                  </p>
                  <p>
                     <big> 
                        Instalación de plomería general, preparado de instalación para obras en construcción o renovación de plomería.
                     </big>
                  </p>
               </div>
            </div>



            

      
            <h2 align="right">Piso</h2>
            <div class="row ">
                <div class="span8">
                  <p>
                     <big> 
                        Piso
                     </big>
                  </p>
                  <p>
                     <big> 
                           Expertos en la colocaci&oacute;n de pisos de ceramica o duela, para baños, interiores, cocheras y todo tipo de espacios.
                     </big>
                  </p>
               </div>
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="piso" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                          
                           <img src="img/piso.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Piso</p>
                           </div>
                        </div>
                        <div class="item">
                          
                           <img src="img/piso1.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Piso</p>
                           </div>
                        </div>
                         <div class="item">
                           
                           <img src="img/piso2.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Piso</p>
                           </div>
                        </div>
                         <div class="item">
                         
                           <img src="img/piso3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Piso</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#piso" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#piso" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div>



            <h2>Cableado</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="cableado" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           
                           <img src="img/cableado.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Cableado</p>
                           </div>
                        </div>
                        <div class="item">
                           
                           <img src="img/cableado1.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Cableado</p>
                           </div>
                        </div>
                         <div class="item">
                          
                           <img src="img/cableado2.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Cableado</p>
                           </div>
                        </div>
                         <div class="item">
                         
                           <img src="img/cableado3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Cableado</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#cableado" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#cableado" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Cableado
                     </big>
                  </p>
                  <p>
                     <big> 
                         Instalaci&oacute;n el&eacute;ctrica, preparado de instalaci&oacute;n para obras en construcci&oacute;n o renovaci&oacute;n del cableado electrico. 
                     </big>
                  </p>
               </div>
            </div>




      
            <h2 align="right">Naves</h2>
            <div class="row ">
                <div class="span8">
                  <p>
                     <big> 
                        Naves
                     </big>
                  </p>
                  <p>
                     <big> 
                         Naves
                           Construcci&oacute;n de naves industriales de todo tipo, bodegas almacenes a la medida.
                     </big>
                  </p>
               </div>
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="naves" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                          
                           <img src="img/naves.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Naves</p>
                           </div>
                        </div>
                        <div class="item">
                          
                           <img src="img/naves1.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Naves</p>
                           </div>
                        </div>
                         <div class="item">
                           
                           <img src="img/naves2.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Naves</p>
                           </div>
                        </div>
                         <div class="item">
                         
                           <img src="img/naves3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Naves</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#naves" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#naves" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div>




            <h2>Enyesado</h2>
            <div class="row ">
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="enyesado" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                           
                           <img src="img/enyesado.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Enyesado</p>
                           </div>
                        </div>
                        <div class="item">
                           
                           <img src="img/enyesado1.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Enyesado</p>
                           </div>
                        </div>
                         <div class="item">
                          
                           <img src="img/enyesado2.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Enyesado</p>
                           </div>
                        </div>
                         <div class="item">
                         
                           <img src="img/enyesado3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Enyesado</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#enyesado" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#enyesado" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
               <div class="span8">
                  <p>
                     <big> 
                        Enyesado
                     </big>
                  </p>
                  <p>
                     <big> 
                         Enyesado de paredes con diferentes acabados, perfecto para remodelaciones o ampliaciones en el hogar
                     </big>
                  </p>
               </div>
            </div>



            <h2 align="right">Zarpeo y Afine</h2>
            <div class="row ">
                <div class="span8">
                  <p>
                     <big> 
                        Zarpeo y Afine
                     </big>
                  </p>
                  <p>
                     <big> 
                         Zarpeo para obras en construcci&oacute;n, ideal para trabajos de remodelacion contrucci&oacute;n de nuevas areas.                           
                     </big>
                  </p>
               </div>
               
               <div class="span4">
                  <div class="block">
                     <!-- slideshow area -->
                     <div id="zarpeo" class="carousel slide">
                     <div class="carousel-inner" >
                        <div class="item active">
                          
                           <img src="img/zarpeo.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Zarpeo y Afine</p>
                           </div>
                        </div>
                        <div class="item">
                          
                           <img src="img/zarpeo1.jpg" alt="" class="img_catalog"/>
                           
                           <div class="carousel-caption">
                              <p>Zarpeo y Afine</p>
                           </div>
                        </div>
                         <div class="item">
                           
                           <img src="img/zarpeo2.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Zarpeo y Afine</p>
                           </div>
                        </div>
                         <div class="item">
                         
                           <img src="img/zarpeo3.jpg" alt="" class="img_catalog"/>
                        
                           <div class="carousel-caption">
                              <p>Zarpeo y Afine</p>
                           </div>
                        </div>
                     </div>
                     <a class="left carousel-control" href="#zarpeo" data-slide="prev" ></a>
                     <a class="right carousel-control" href="#zarpeo" data-slide="next"></a>
                     
                  </div>
                  <!-- /slideshow area -->
            </div>
            </div>
            </div>


         <section class="main">
            <!-- main footer -->
            <footer class="main">
               <div class="row">
                  <div class="span8">
                     <!-- footer main nav -->
                     <nav>
                        <ul>
                           <li><a href="index.html">Inicio</a></li>
                           <li><a href="projects.html">Proyectos</a></li>
                           <li><a href="clients.html">Clientes</a></li>
                           <li><a href="about.html">Nosotros</a></li>
                           <li><a href="services.html">Servicios</a></li>
                           <li><a href="catalog.html">Cat&aacute;logo</a></li>
                           <li><a href="contact.html">Contacto</a></li>
                        </ul>
                     </nav>
                  </div>
                  <div class="span4">
                     <small>Copyright © <a href="index.html">Garmor</a> 2013</small>
                  </div>
               </div>
            </footer>
         </section>
      </div>
   </section>
      <!-- /container --><!-- Le javascript
         ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
      <script src="js/jquery.js"></script>
      <!-- Bootstrap Framework script -->
      <script src="js/bootstrap.js"></script>
      <!-- <script> $(function() { $('.carousel').carousel() }); </script> -->
      <script type="text/javascript">
         $("[rel=tooltip]").tooltip();
      </script>
      <!-- plugin for background images -->
     
      <!-- Fancybox plugin -->
      <script type="text/javascript" src="js/fancybox.js"></script>
      <script type="text/javascript" src="js/navbar.js"></script>
         <script type="text/javascript">
         $(".blog").addClass('active');
      </script>
      <script type="text/javascript">
         $(document).ready(function() {
             

            /*
            *   Examples - images
            */
         

         
            
         });
      </script><!-- plugin for twitter displ4ay -> http://tweet.seaofclouds.com/ -->
      <!-- I am using envato twitter acount as the demo. Don't forget paste yours -->
      <script type="text/javascript" src="js/tweet.js"></script>
      
   </body>
</html>